<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width, minimum-scale=1, maximum-scale=1, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <title>firday</title>
    <link rel="shortcut icon" href="../../wx/images/favicon.ico">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../wx/css/common.css">
</head>
<body>
<div class="WaitingIco">
    <div class="rect1"></div>
    <div class="rect2"></div>
    <div class="rect3"></div>
    <div class="rect4"></div>
    <div class="rect5"></div>
</div>

<div class="page-group native-scroll PcContainer">
    <div class="page page-current" id="page_account">
        <div class="content account-info">
            <div class="card" style="margin-top: 0px;">
                <div class="card-content account-head">
                    <div class="L">
                        <span class="account-title">张三 </span>
                        <span class="account-subtitle">到期时间 2017-09-07</span>
                    </div>
                    <div class="R">
                        <img class="account-head-img" src="../../wx/images/account/headImg.gif" width="60px">
                    </div>
                    <div class="B">
                        <div class="content-block">
                            <div class="row">
                                <div class="col-33"><a href="#" class="button button-round">续费</a></div>
                                <div class="col-33"><a href="#" class="button button-round">颜值</a></div>
                                <div class="col-33"><a href="#" class="button button-round">推荐给好友</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-content cart-account">
                    <div class="list-block media-list">
                        <ul>
                            <li>
                                <a href="face_score.html" class="item-content item-link external">
                                    <div class="item-media"><i class="fa fa-diamond"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">研值</div>
                                            <div class="item-after">56</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="item-content item-link external">
                                    <div class="item-media"><i class="fa fa-gift"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">积分</div>
                                            <div class="item-after">238</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="card" style="box-shadow: none;">
                <div class="card-content">
                    <div class="list-block media-list">
                        <ul>
                            <li>
                                <a href="#" class="item-content item-link">
                                    <div class="item-media"><i class="fa fa-book"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">我的订单</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="item-content item-link">
                                    <div class="item-media"><i class="fa fa-heart-o"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">个人收藏</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="item-content item-link">
                                    <div class="item-media"><i class="fa fa-map-marker"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">观看记录</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="item-content item-link">
                                    <div class="item-media"><i class="icon icon-share"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">购买记录</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="item-content item-link">
                                    <div class="item-media"><i class="fa fa-star-o"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">福利兑换</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>

<script data-main="../../wx/js/main.js?v=1.0" src="../../wx/js/lib/require.min.js?v=1.0" data-pageId="account" data-host="../../wx/" data-version="1.0"></script>
</body>
</html>